<{include file="header.html"}>
<div id="content">
    <div class="container">
        <div class="main-content">
            <h1 class="title"><{$smarty.const._LB_OUR_SERVICE}></h1>
            <{if $service|count > 0 }>
                <table width="600">
                    <tr style="font-weight: bold;font-style:italic;background-color: #911F7E;color: #FFF;">
                        <td align="left" >Service Name</td>
                        <td width="100" align="right">Price ($)</td>
                        <td width="100" align="center">Time(Minutes)</td>
						<td width="70" align="center"></td>
                    </tr>
                    <{foreach from=$service key=gID item=data}>
                        <{assign var=gTitle value=$data.TITLE}>
                        <{assign var=sDATA value=$data.DATA}>                
                        <tr>
                            <td colspan="3" align="left" style="font-weight: bold;"><{$gTitle|utf8_escape_html}></td>
                        </tr>
                        <{if $sDATA|count > 0 }>
                            <{foreach from=$sDATA key=ID item=item}>
                            <tr style="border-bottom: 1px #911F7E solid;">
                                <td align="left" style="padding-left: 30px"><{$item.TITLE|utf8_escape_html}></td>
                                <td align="right"><{$item.PRICE|utf8_escape_html}></td>
                                <td align="center"><{$item.TIME|utf8_escape_html}></td>
                                <td align="center"><a href="<{$smarty.const.APPLICATION_URL_FO}>/booking/?sID=<{$ID}>" title="Book  <{$item.TITLE|utf8_escape_html}> service now!">Book Now</a></td>
                            </tr>
                            <{/foreach}>
                        <{/if}>
                    <{/foreach}>
                </table>
			<br />
			<span style="font-style: italic;font-weight: bold;">Service time is estimated only. It may be longer and shorter due to complexity or conditions of customer</span>
            <{/if}>
        </div>
        <div class="sidebar">
            <{include file="right_business_hours.html"}>
			<{include file="right_testimonial.html"}>
        </div><!--End .sidebar-->
    </div>
</div>
<{include file="footer.html"}>
